<template>
<p>这是一个Bob组件</p>
<slot nmae="header" :sonName="name">这是子组件的header的默认内容</slot>
<p>中间部分</p>
<p>子组件的name -{{ name }}</p>
<slot name="footer">这是子组件的footer的默认内容</slot>
</template>

<script>
export default {
     data(){
        return{
            name:'Bob'
        }
     }
}
</script>